<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>index</title>
		<meta name="description" content="" />
		<meta name="author" content="thordurorn" />
		<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.16.custom.css"/>
		<link rel="stylesheet" type="text/css" href="css/jmplayer.css" />
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-1.7-development-only.js"></script>
		<script type="text/javascript" src="scripts/jmPlayer.js"></script>
	</head>
	<body>
		<div>
			<header>
				<h1>A jquery music player</h1>
			</header>
			<nav>
				Menubar
			</nav>
			<div id="musicPlayer">
				<p>hmmmm....you should see somekind of a music player.....</p>
				<p>...anyways here are the songs</p>
				<ul>
					
					<li><a href="media/short.mp3">Miles - Very short song</a></li>
					<li><a href="media/Let_England_Shake.mp3">PJ Harwey - Let England Shake</a></li>
					<li><a href="media/Dry_The_Rain.mp3">The Beta Band - Dry The Rain</a></li>
					<li><a href="media/Piazza_New_York_Catcher.mp3">Belle &amp; Sebastian - Piazza New York Catcher</a></li>
				</ul>
				
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
				var opt= {	 autoplay: false			//Player starts when page has loaded
							,list: "html"				//How to load playlist: "html",  "array" or soon to come "json"
														//Custom error messages, not really implemented so far....
							,position: "relative"		//css style property set on the containing div
							,simple: false				//simple version of player
							,songlist: true				//show playlist in player
							,songlistTool: true		//allow simple playlist manipulation, still quite buggy
							,shuffle: false				//start the player in shuffle mode
							,repeat: false				//start the player with repeat set on
							,ui: true					//use jquery UI
							,vol: 0.5					//players initial volume setting 0.1 to 1
							};
				$("#musicPlayer").jmPlayer(opt);
			})
			
		</script>
	</body>
</html>
